<!DOCTYPE html>
<html lang="es">
<!--
á -> &aacute;
é -> &eacute;
í -> &iacute;
ó -> &oacute;
ú -> &uacute;
ñ -> &ntilde;
-->
	<head>
		<meta charset="iso-8859-1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="P&aacutegina Web de Pulce Web Solutions">
		<meta name="author" content="Matias Bastus">
		<!--Para que las p&aacuteginas se muestren correctamente y el zoom funcione bien en los dispositivos móviles-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>Pulce Web Solutions - Soluciones Web - Desarrollo de Paginas Web</title>

		<link href="docs-assets/css/docs.css" rel="stylesheet">

		<?php
			include_once('links.php');
		?>
		<!-- Footer -->
		
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		  <script src="assets/js/html5shiv.js"></script>
		  <script src="assets/js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<body>
		<div id="wrapper">
		<div class="container bs-docs-container">
			<div id="menu_bar">
				<?php include_once('menu_bar.php');?>
			</div>
			<div class="row">
				<div class="col-md-3">
					<div class="bs-sidebar hidden-print" role="complementary">
            			<ul class="nav bs-sidenav" id = "quehacemos">
            				<li class="active"><a href="#objetivo" data-target="#objetivo">Nuestro Objetivo</a></li>
             				<li><a href="#tecnicas" data-target="#tecnicas">Nuestras T&eacutecnicas</a>
	            				<ul class="nav">
									<li><a href="#noscroll" data-target="#noscroll">No Scroll!</a></li>
									<li><a href="#primeraimpresion" data-target="#primeraimpresion">La Primera Impresi&oacuten</a></li>
									<li><a href="#robusto" data-target="#robusto">Robusto</a></li>
								</ul>
							</li>
						</ul>
          			</div>
				</div>
				<div class="col-md-9" role="main">
					<div class="bs-docs-section">
						<div class="page-header">
							<h1 id="objetivo">Nuestro Objetivo</h1>
						</div>
						<div class="page-header">
							<h1 id="tecnicas">Nuestras T&eacutecnicas</h1>
						
						<h2 id="noscroll">No Scroll!</h2>
						<p>Nuestra t&eacutecnica <strong>No Scroll! </strong>permite que el contenido principal de su sitio se visualice
		   			 	en la primera pantalla sin necesidad de desplazarse por el mismo.</p>
	    			 	<h2 id="primeraimpresion">La Primera Impresi&oacuten</h2>
						<p>Un sitio <strong>amigable y agradable </strong>atraer&aacute a potenciales clientes. 
	    				Un dise&ntildeo atractivo reducir&aacute el porcentaje de rebotes y aumentar&aacute el tiempo de permanencia en su sitio.</p>
						<h2 id="robusto">Robusto</h2>
						<p><strong>R&aacutepido, Seguro, Escalable y Compatible </strong>con cualquier plataforma. 
	    				Optimizado para los buscadores, su sitio podr&aacute visitarse desde cualquier dispositivo.</p>
	    				</div>
					</div>
				</div>
			</div>
		</div>	
		<footer class="bs-footer" role="contentinfo">
    		<div class="container">
    			<?php include_once('footer.php');?>
    		</div>
    	</footer>


    	<!-- Bootstrap core JavaScript 
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="js/jquery-2.0.3.min.js"></script>	
		<script src="js/bootstrap.min.js"></script>
		<script src="docs-assets/js/holder.js"></script>
		<script src="docs-assets/js/application.js"></script>
		<script>
			/*$(function () {
			  var activeTab = $('[href=' + location.hash + ']');
			  activeTab && activeTab.tab('show');
			});

			$('.nav a').on('shown', function (e) {
			  window.location.hash = e.target.hash;
			});

			$(function () {
    			$('#quehacemos a:last').tab('show');
  			});

			$('a[data-toggle="tab"]').on('shown', function (e) {
  				e.target // activated tab
  				e.relatedTarget // previous tab
			});*/
			! function ($) {
			    $(	function () {
			        var $window = $(window)
			        var $body = $(document.body)
			        var $sideBar = $('.bs-sidebar')
			        var navHeight = $('.navbar').outerHeight(true) + 10

			        $body.scrollspy({
			            target: '.bs-sidebar',
			            offset: navHeight
			        })

			        $('.bs-docs-container [href=#]').click(function (e) {
			            e.preventDefault()
			        })

			        $window.on('resize', function () {
			            $body.scrollspy('refresh')
			            // We were resized. Check the position of the nav box
			            $sideBar.affix('checkPosition')
			        })

			        $window.on('load', function () {
			            $body.scrollspy('refresh')
			            $('.bs-top').affix();
			            $sideBar.affix({
			                offset: {
			                    top: function () {
			                        var offsetTop = $sideBar.offset().top
			                        var sideBarMargin = parseInt($sideBar.children(0).css('margin-top'), 10)
			                        var navOuterHeight = $('.bs-docs-nav').height()

			                        // We can cache the height of the header (hence the this.top=)
			                        // This function will never be called again.
			                        return (this.top = offsetTop - navOuterHeight - sideBarMargin);
			                    },
			                    bottom: function () {
			                        // We can't cache the height of the footer, since it could change
			                        // when the window is resized. This function will be called every
			                        // time the window is scrolled or resized
			                        return $('.bs-footer').outerHeight(true)
			                    }
			                }
			            })
			            setTimeout(function () {
			                // Check the position of the nav box ASAP
			                $sideBar.affix('checkPosition')
			            }, 10);
			            setTimeout(function () {
			                // Check it again after a while (required for IE)
			                $sideBar.affix('checkPosition')
			            }, 100);
			        });

			        // tooltip demo
			        $('.tooltip-demo').tooltip({
			            selector: "[data-toggle=tooltip]",
			            container: "body"
			        })

			        $('.tooltip-test').tooltip()
			        $('.popover-test').popover()

			        $('.bs-docs-navbar').tooltip({
			            selector: "a[data-toggle=tooltip]",
			            container: ".bs-docs-navbar .nav"
			        })
			    })
			}(window.jQuery)
		</script>
	</body>
